<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<?php include "../pub/meta.html";?>
<title>tobe</title>
<?php include "../pub/head-cssjs.html";?>
<link rel="stylesheet" type="text/css" href="../../css/style.css">
</head>
<body>
<div class="page">
  <?php include "../pub/top-bar.html";?>
  <div class="wrap-featured">
    <div id="featured">
      <h1>无TOBE，不SASS</h1>
      <p>Tobe是一个写给面向熟悉sass人员使用的框架，以sassCore为核心，所有的组件都单独开发，根据实际需求来调用，避免了臃肿的杂乱代码。由于有着sass的优良基因，tobe的代码更加灵活可控，如果你是一个有着代码洁癖的人，那么tobe的精彩一定不可错过。</p>
    </div>
  </div>
  <div class="wrap-container">
    <div id="container" class="clearfix">
      <div id="main">
        <div class="inner-main">
          <div id="index_page">
            <div class="col-four">
              <div class="col">
                <h2>sass基础</h2>
                <div class="col-content">
                  <p>Tobe是用sass写的，所以拥有sass的所有优点，如变量、嵌套、混入、占位选择器，继承，运算，函数等等，使得CSS的开发变得简单清晰可维护，同时也大大节省了时间，提高了效率。</p>
                </div>
              </div>
              <div class="col">
                <h2>sassCore核心</h2>
                <div class="col-content">
                  <p>Tobe以sassCore为核心，而sassCore从基础出发，以实战为导向，凝练总结了基础的各大方面，并提供了两种调用模式，有此核心，确保了所有组件的良好基石。</p>
                </div>
              </div>
              <div class="col">
                <h2>组件式开发</h2>
                <div class="col-content">
                  <p>Tobe所有ui组件单独开发，互不干扰，以拒绝臃肿代码为导向，实现需要什么就导入什么。再也不需要在众多代码中大海捞针，想修改什么立马找到，有的是时间跟妹子聊天。</p>
                </div>
              </div>
              <div class="col">
                <h2>公开开放</h2>
                <div class="col-content">
                  <p>Tobe要做的决不只是你现在所看到的，它的设计优势决定了它可以如jquery那样，可以由开发者自己去开发相应的ui组件，而不仅限于现在的tobe，这才是tobe的真正价值。</p>
                </div>
              </div>
            </div>
            <div class="start-zone">
              <p>CSSer们，欢呼吧！真正属于我们的ui组件式开发来临了！<br />
              拒绝臃肿，拒绝乱七八糟，拒绝不明不白，向tobe说开始！</p> 
              <a href="../begin/begin.html" class="link-start">开始Tobe之旅</a>
            </div>
          </div>
        </div>
      </div><!--main-->
    </div>
  </div><!--wrap-container-->
<?php include "../pub/footer.html";?>
</div>
</body>
</html>
